@charset "utf-8";
*{padding:0px;margin:0px;}
html,body{ font-size:12px; color:#333; background:#fff; -webkit-text-size-adjust:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#1C57C4; text-decoration:none;}
/*头部*/
.inner{ width:1150px; margin:0 auto; position:relative;}
header{ background:#013d97; zoom:1;position:fixed;top:0px;z-index:10; width:100%;}
#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}
.top-nav{ color:#fff; position:absolute; right:5px; top:8px; height:77px; z-index:1; text-align:right; width:100%;}
.top-nav a{ color:#fff;}
.top-nav a:hover{ color:#fff;}
.top-nav li.b{ position:absolute; bottom:0px; right:0px;}
.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;}
.top-logo{ min-height:102px; _height:102px;}
nav{ height:36px; overflow:hidden;}
nav ul li{ float:left; text-align:center; height:36px; line-height:36px; overflow:hidden; }
nav ul li a{ color:#fff; font-size:12px; font-weight:bold;}
nav ul li.line{background:url(../red/line.gif); width:1px; overflow:hidden;}
nav ul li a:hover{ color:#fff;}
nav ul li.hover,nav ul li.navdown{ color:#fff;background:#7F7F7F;}
nav ul li.hover a,nav ul li.navdown a{  color:#fff;}
nav ul li.hover a:hover,nav ul li.navdown a:hover{  color:#fff;}
.met_flash{ margin-top:10px; font-size:0px; overflow:hidden;}
.met_flash ul{ margin:0px; padding:0px;}

/*首页*/
.home_top{ height:178px; overflow:hidden; width:100%;background:url(../red/home_top.gif) no-repeat 0 0; margin-top:18px; clear:both;}
/* 焦点图 */
.focus{width:250px;height:145px;position:relative;float:left; margin-top:8px; margin-left:11px;}
.f426x240{width:250px;height:145px;overflow:hidden}
.f426x240 img{width:250px;height:145px}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/i.png) no-repeat 0 -560px;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:0}
.rslides_tabs{clear:both;text-align:center;margin-top:7px; margin-left:-5px;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-left:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#ED1B24}

.sm{ float:left; width:265px; line-height:25px; margin-left:45px; margin-top:20px;  overflow:hidden;}

.kh{ float:left; width:500px;margin-left:60px; overflow:hidden; height:178px;}
.kh .hs{width:140px; height:67px; float:left; margin-left:25px; margin-top:15px;}

.home_bottom{ height:540px; overflow:hidden; width:100%;margin-top:18px;margin-bottom:18px;}
.home_bottom .left{ width:213px; height:540px;background:url(../red/left.jpg) no-repeat 0 0; float:left;}
.home_bottom .left a{ display:block; width:213px; height:48px; text-indent:10000px; overflow:hidden; line-height:48px; margin-top:1px;}

.home_bottom .left a.p107:hover{background:url(../red/left_hover.jpg) no-repeat 0 -1px;}
.home_bottom .left a.p108:hover{background:url(../red/left_hover.jpg) no-repeat 0 -50px;}
/**
.home_bottom .left a.p109:hover{background:url(../red/left_hover.jpg) no-repeat 0 -99px;}
**/
.home_bottom .left a.p110:hover{background:url(../red/left_hover.jpg) no-repeat 0 -99px;}

.home_bottom .left a.p111:hover{background:url(../red/left_hover.jpg) no-repeat 0 -393px;}

.home_bottom .left a.p112:hover{background:url(../red/left_hover.jpg) no-repeat 0 -148px;}

.home_bottom .left a.p113:hover{background:url(../red/left_hover.jpg) no-repeat 0 -197px;}
.home_bottom .left a.p114:hover{background:url(../red/left_hover.jpg) no-repeat 0 -246px;}
.home_bottom .left a.p115:hover{background:url(../red/left_hover.jpg) no-repeat 0 -295px;}
.home_bottom .left a.p116:hover{background:url(../red/left_hover.jpg) no-repeat 0 -344px;}
.home_bottom .left a.p117:hover{background:url(../red/left_hover.jpg) no-repeat 0 -442px;}
.home_bottom .left a.p118:hover{background:url(../red/left_hover.jpg) no-repeat 0 -540px;}


.home_bottom .left1{ width:338px; height:540px;background:#E1E1E1;float:left; margin-left:18px;}

.bannerbox { width:312px; height: 210px; overflow: hidden; margin-left:12px;margin-top:12px;}
#focus { width: 312px; height: 210px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 312px; height: 210px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 312px; height: 210px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus ul li span{ position:absolute; display:block; background:#C9C7C9; line-height:30px; height:30px; bottom:0px; left:0px; color:#666666; width:100%; text-indent:5px; font-size:12px;}
#focus ul li img{width:312px; height: 210px;}
#focus .preNext { width: 45px; height: 210px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../red/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(../red/sprite1.png) no-repeat right center; }
.home_bottom .left1	.tj{width:328px; overflow:hidden; padding-top:18px;}
.home_bottom .left1	.tj .tjs{ width:149px; height:132px; position:relative; float:left; margin-left:12px;margin-top:12px; overflow:hidden;}

.home_bottom .left1	.tj .tjs div{text-align:center; line-height:132px; position:absolute; top:0px; left:0px;width:150px; height:132px;background:#F39090; color:#FFFFFF;filter: Alpha(Opacity=30);opacity: 0.9; display:none;

}



.home_bottom .left2{ width:581px; height:540px;background:#EBEBEB;float:left;background: url(../red/bg.gif) no-repeat 0px 0px;}
.home_bottom .left2 .about{ width:531px; height:227px; overflow:hidden; line-height:25px;padding-top:25px; margin-left:25px;}
.home_bottom .left2 .about .morea{ width:530px; margin-top:10px; overflow:hidden; height:13px;}
.home_bottom .left2 .about .morea a{ background:url(../red/more.jpg) no-repeat 0px 0px; display:block; width:44px; height:13px; float:right;}

.home_bottom .left2  .news{ float:left; width:320px; overflow:hidden;}
.home_bottom .left2  .news .ntitle{ height:36px; background:#7F7F7F; width:100%; overflow:hidden; margin-bottom:20px;}
.home_bottom .left2  .news .ntitle a{ width:160px; display:block; height:36px; line-height:36px; text-align:center; float:left; font-size:14px; font-weight:bold; color:#FFFFFF;}
.home_bottom .left2  .news .ntitle a.nhover{ background:#E70012;}
.home_bottom .left2  .news .newss{ height:28px; line-height:28px; overflow:hidden; text-indent:30px; background:url(../red/ico.gif) no-repeat 15px 15px; }


.home_bottom .left2  .contact{ float:right;}

.home_bottom .left2  .contact .ctitle{ width:243px; text-align:left; height:36px; line-height:36px; font-weight:bold; color:#FFFFFF; font-size:14px; background:#E70012; text-indent:25px;}
.home_bottom .left2  .contact .cmes{ line-height:20px; width:218px; overflow:hidden; padding-left:25px; padding-top:18px; background:#E2E1E1;}
.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}
.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}
.index-links ul{ margin:0px; padding:0px;}
.index-links .img{ margin-bottom:3px;}
.index-links .img li{ list-style:none; display:inline; padding-right:5px;}
.index-links .img img{ width:88px; height:31px;}
.index-links .txt{ zoom:1;}
.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}

/*案例*/
#imglist{ padding:0px; width:1250px;}
#imglist .txt{ height:25px; line-height:25px; background:url(../red/ico1.gif)  no-repeat 0px 7px; padding-left:15px; float:left; margin-right:50px; margin-bottom:10px; width:230px; overflow:hidden;}
#imglist .txt a{ font-size:14px;}

#imglist .img{float:left; margin-right:50px; margin-bottom:10px; width:230px; overflow:hidden;}


/*底部*/
footer{background:#ffffff url(../red/foot_bg.gif) repeat-x; overflow:hidden;}
.foot-nav{ text-align:center; height:38px; line-height:38px;}
.foot-nav span{ font-size:10px; margin:0px 8px; color:#fff;}
.foot-nav a{color:#fff;}
.foot-text{line-height:25px; margin-top:10px;}

/*内页侧栏*/
.sidebar{ margin-top:10px;}
.sidebar .sb_nav{background:#F0EEEF; }
.sidebar .sb_nav h3.title{ text-align:left;height:36px; line-height:36px;color:#fff;font-weight:normal; overflow:hidden;}
.sidebar .sb_nav h3.title span{display:block; background:#E40004; padding-left:15px; padding-right:15px; float:left;margin-left:5px; height:36px; font-size:12px; }
.sidebar .sb_nav .active{height:36px; line-height:36px; }



#sidebar dl{ margin-left:5px;}
#sidebar dl dt{ float:left;}
#sidebar dl dt a{color:#000; height:36px; display:block; line-height:36px;padding-left:15px; padding-right:15px;font-size:12px; margin-right:2px;}
#sidebar dl dt a:hover{color:#FFFFFF; height:36px; display:block; line-height:36px;padding-left:15px; padding-right:15px;background:#E40004; font-size:12px; }
#sidebar dl dd{}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../dt-0.gif) no-repeat left center;}
#sidebar dl dt.on a{ background:#E40004; height:36px; display:block; line-height:36px;padding-left:15px; padding-right:15px;font-size:12px; color:#fff;}
#sidebar dl h4.on a{ font-weight:bold;}

.sidebar .sb_box{background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{height:35px; line-height:35px; position:relative; margin-top:40px;margin-bottom:35px;}
.sidebar .sb_box h3.title p{ position:absolute; left:0px; top:-1px; font-size:30px; padding:0px 0px; color:#E60012; font-family:"微软雅黑"; font-weight:normal;}
.sidebar .sb_box h3.title p span{ font-size:18px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;color:#666666;}
.sidebar .sb_box h3.title div.position a{ color:#666666;}
.sidebar .sb_box .content{ margin-bottom:35px;}

/*红色*/
html,body{ background:#fff; }
a:hover{ color:red;}
header{ background:#2a2a2a;}
.style-1 h3.title span{ background:url(../red/dt-5.gif) repeat-x; }
.style-1 h3.title  a.more{ background:url(../red/more.gif);}
.style-2 h3.title{ background:url(../red/dt-6.gif) repeat-x;}
.index-product .next,.index-product .prev{ background:url(../red/neu.gif) no-repeat;}
.index-product .next{ background-position:-17px 0px; }
#trigger a{ background:url(../red/neu.gif) no-repeat -78px -10px;}
.met_page a{ color:red;}